.headBox{
	display: flex;
	margin: 0.13rem 0.24rem 0 0.3rem;
	justify-content: space-between;
	.left{
		h2{
			font-size: 0.4rem;
			font-weight: 800;
			color: #1E2023;
			position: relative;
			z-index: 10;
		}
		h2::after{
			position: absolute;
			content: '';
			left: 0;
			right: 0;
			bottom: 0;
			width: 1.56rem;
			height: 0.16rem;
			background: #60A7F6;
			opacity: 0.48;
		}
	}
	.right{
		display: flex;
		margin-top: 0.08rem;
		.comment_img{
			width: 0.44rem;
			height: 0.44rem;
		}
		.search_img{
			width: 0.44rem;
			height: 0.44rem;
			margin-left: 0.48rem;
		}
	}
}

.contentBox{
	margin: 0.3rem 0.3rem 0 0.3rem ;
	.bannerBox{
		position: relative;
		.banner_img{
			width: 6.9rem;
			height: 8.2rem;
		}
		.textBox{
			display: flex;
			position: absolute;
			top: 7.64rem;
			left: 5.52rem;
			align-items:center;
		}
		.icon_img{
			width: 0.28rem;
			height: 0.28rem;
			
		}
		.banner_text{
			font-size: 0.24rem;
			color: #FFFFFF;
		}
		.count{
			font-size: 0.24rem;
			color: #FFFFFF;
		}
	}
	
	.hotBox{
		margin: 0.72rem 0 0.3rem;
		.head{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				align-items: center;
				.line{
					width: 0.08rem;
					height: 0.4rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 0.04rem;
				}
				.title_text{
					font-size: 0.36rem;
					font-weight: 500;
					color: #1E2023;
					margin-left: 0.08rem;
				}
			}
			.right{
				display: flex;
				.more_text{
					font-size: 0.24rem;
					color: #60A7F6;
				}
				.more_img{
					width: 0.32rem;
					height: 0.32rem;
					margin-left: 0.02rem;
				}
			}
		}
	}
	.hotUl::-webkit-scrollbar {display:none}
	.hotUl{
		margin-top: 0.24rem;
		display: flex;
		overflow-x: scroll;
		.hotLi:nth-child(1){
			margin-left: 0;
		}
		.hotLi{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			background: #F5F5F5;
			border-radius: 0.08rem;
			padding-bottom: 0.2rem;
			margin-left: 0.14rem;
			.bg{
				width: 3.06rem;
				height: 2.66rem;
			}
			.head_img{
				width: 1.18rem;
				height: 1.18rem;
				z-index: 10;
				margin-top: -0.59rem;
			}
			.name{
				font-size: 0.28rem;
				color: #1E2023;
				margin-top: 0.13rem;
			}
			.workName{
				font-size: 0.2rem;
				color: #8A93A1;
				opacity: 1;
				margin-top: 0.1rem;
			}
			.guanzhu_btn{
				
				height: 0.4rem;
				background: #60A7F6;
				border-radius: 0.2rem;
				border: none;
				font-size: 0.24rem;
				color: #FFFFFF;
				opacity: 1;
				margin-top: 0.24rem;
				line-height: 0.4rem;
			}
		}
		
	}
	.jingxunBox{
		.head{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				align-items: center;
				.line{
					width: 0.08rem;
					height: 0.4rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 0.04rem;
				}
				.title_text{
					font-size: 0.36rem;
					font-weight: 500;
					color: #1E2023;
					margin-left: 0.08rem;
				}
			}
		}
		.selectedUl{
			margin-top: 0.24rem;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.selectedLi:nth-child(1){
				margin-top: 0;
				img{
					width: 6.9rem;
					height: 3.49rem;
				}
			}
			.selectedLi{
				margin-top: 0.2rem;
				display: flex;
				flex-direction: column;
				align-items: center;
				position: relative;
				img{
					width: 3.38rem;
					height: 3.38rem;
				}
				.selectedText{
					font-size: 0.28rem;
					color: #FFFFFF;
					position: absolute;
					top: 1.29rem;
				}
				.contentText{
					font-size: 0.18rem;
					color: #FFFFFF;
					position: absolute;
					top: 1.79rem;
				}
			}
		}
	}
	.clockBox{
		margin-top: 0.52rem;
		.head{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				align-items: center;
				.line{
					width: 0.08rem;
					height: 0.4rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 0.04rem;
				}
				.title_text{
					font-size: 0.36rem;
					font-weight: 500;
					color: #1E2023;
					margin-left: 0.08rem;
				}
			}
			.right{
				display: flex;
				.more_text{
					font-size: 0.24rem;
					color: #60A7F6;
				}
				.more_img{
					width: 0.32rem;
					height: 0.32rem;
					margin-left: 0.02rem;
				}
			}
		}
		.clockUl{
			margin-top: 0.24rem;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.clockLi{
				margin-bottom: 0.1rem;
				display: flex;
				flex-direction: column;
				position: relative;
				.bg{
					width: 3.38rem;
					height: 3.38rem;
				}
				.count{
					position: absolute;
					font-size: 0.2rem;
					color: #FFFFFF;
					top: 3.01rem;
					left: 3.15rem;
				}
				.icon_img{
					width: 0.28rem;
					height: 0.28rem;
					position: absolute;
					top: 3.01rem;
					left: 2.87rem;
				}
				.text{
					font-size: 0.24rem;
					color: #1E2023;
					margin-top: 0.2rem;
					text-overflow: ellipsis;
				}
				.foot{
					display: flex;
					justify-content: space-between;
					margin-top: 0.24rem;
					align-items: center;
					.footLf{
						display: flex;
						.head_img{
							width: 0.3rem;
							height: 0.3rem;
						}
						.name{
							font-size: 0.2rem;
							color: #68707A;
						}
					}
					.footRt{
						display: flex;
						.city{
							font-size: 0.2rem;
							color: #68707A;
						}
					}
				}
			}
		}
	}
}